<template>
  <div>
    <div style="background-color: #f4f3f3; height: 400px; margin-top: 40px;">
      <div style="width: 60%; margin: 0 auto;">
        <div style="display: flex; grid-gap: 20px; align-items: center; justify-content: space-around; font-size: 18px; color: #444; padding-top: 20px">
          <div style="display: flex; align-items: center; grid-gap: 10px">
            <img src="@/assets/imgs/物品多.png" alt="" style="width: 42px; height: 42px">
            品类齐全，轻松选物
          </div>
          <div style="display: flex; align-items: center; grid-gap: 10px">
            <img src="@/assets/imgs/多商家.png" alt="" style="width: 42px; height: 42px">
            多商家入驻，覆盖广
          </div>
          <div style="display: flex; align-items: center; grid-gap: 10px">
            <img src="@/assets/imgs/顺丰物流.png" alt="" style="width: 42px; height: 42px">
            顺丰物流，快速到手
          </div>
          <div style="display: flex; align-items: center; grid-gap: 10px">
            <img src="@/assets/imgs/全球.png" alt="" style="width: 42px; height: 42px">
            全球登录，质保无忧
          </div>
        </div>
        <div style=" display: flex; color: #828282; grid-gap: 20px; align-items: center; justify-content: space-around;">
          <div style="margin-top: 20px">
            <div style="padding: 10px 0; font-size: 18px; color: #666666">宠物商城</div>
            <div style="padding: 5px 0">倾心打造的"宠物商城"</div>
            <div style="padding: 5px 0">60,000 多次购买记录</div>
            <div style="padding: 5px 0">6000 多次论坛讨论</div>
            <div style="padding: 5px 0">100+ 宠物店入驻</div>
            <div style="padding: 5px 0">3000+ 用户注册</div>
            <div style="padding: 5px 0">38,000+ 宠物用品</div>
            <div style="padding: 5px 0">100+ 宠物信息</div>
          </div>
          <div style="margin-top: 20px">
            <div style="padding: 10px 0; font-size: 18px; color: #666666">关于我们</div>
            <div style="padding: 5px 0">关于宠物商城联系我们</div>
            <div style="padding: 5px 0">隐私政策商标声明</div>
            <div style="padding: 5px 0">服务协议</div>
            <div style="padding: 5px 0">宠物商城服务协议</div>
            <div style="padding: 5px 0">网络信息侵权通知指引</div>
            <div style="padding: 5px 0">宠物商城服务监督员</div>
            <div style="padding: 5px 0">网站地图加入宠物商城</div>
          </div>
          <div style="margin-top: 20px">
            <div style="padding: 10px 0; font-size: 18px; color: #666666">宠物商城服务</div>
            <div style="display: flex">
              <div style="flex: 1; padding: 10px 0">宠物咨询</div>
            </div>
            <div style="display: flex">
              <div style="flex: 1; padding: 5px 0">宠物购买</div>
            </div>
            <div style="display: flex">
              <div style="flex: 1; padding: 10px 0">宠物用品查看</div>
            </div>
            <div style="display: flex">
              <div style="flex: 1; padding: 5px 0">宠物用品购买</div>
            </div>
            <div style="display: flex">
              <div style="flex: 1; padding: 10px 0">宠物店查看</div>
            </div>
            <div style="display: flex">
              <div style="flex: 1; padding: 10px 0">APP下载</div>
            </div>
          </div>
        </div>
        <div style="width: 100%; text-align: center; color: #333; margin-top: 40px; font-size: 20px">
          看宠物，就上宠物商城
        </div>
      </div>
    </div>
  </div>
</template>